<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
	<div class="main-content">

        <div th:replace="manage/menu :: html"></div>

        <!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<h2 class="title1"> 询价信息列表</h2>
				<div class="panel-body widget-shadow">

					<div class="form-body">
						<form class="form-inline">

							<div class="form-group">
								<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#gridSystemModal">发布询价信息 </button>
							</div>
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail3" placeholder="产品型号" />
							</div>
							<div class="form-group">
								<input type="password" class="form-control" id="exampleInputPassword3" placeholder="公司名称" />
							</div>
							<button type="submit" class="btn btn-default">查询</button>
						</form>
					</div>

					<table class="table">
						<thead>
						<tr>
							<!--编号、品牌、成色需求、目标价格、数量-->
							<th>#</th>
							<th>产品型号</th>
							<th>品牌</th>
							<th>成色</th>
							<th>目标价格</th>
							<th>数量</th>
							<th>特殊需求</th>
							<th>操作</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<th scope="row">1</th>
							<td>HS1297-45</td>
							<td>HP</td>
							<td>全新</td>
							<td>95</td>
							<td>2</td>
							<td>必须当面验货</td>
							<td>查看详细</td>
						</tr>
						<tr>
							<th scope="row">2</th>
							<td>HS1297-45</td>
							<td>HP</td>
							<td>全新</td>
							<td>95</td>
							<td>2</td>
							<td>必须当面验货</td>
							<td>查看详细</td>
						</tr>
						<tr>
							<th scope="row">3</th>
							<td>HS1297-45</td>
							<td>HP</td>
							<td>全新</td>
							<td>95</td>
							<td>2</td>
							<td>必须当面验货</td>
							<td>查看详细</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
        <!--//footer-->
	</div>

	<!--我想买添加框-->
	<div class="modal fade" id="gridSystemModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="gridSystemModalLabel">发布询价信息</h4>
				</div>
				<div class="modal-body">

					<form class="form-horizontal">
						<div class="form-group">
							<label class="col-sm-2 control-label">产品型号</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" placeholder="产品型号"/>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label">成色</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" placeholder="9成新"/>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label">数量</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" placeholder="0"/>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-2 control-label">描述</label>
							<div class="col-sm-9">
								<textarea name="txtarea1" id="txtarea1" cols="50" rows="10" class="form-control1"></textarea>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
	
	<!-- side nav js -->
	<script src='js/SidebarNav.min.js' type='text/javascript'></script>
	<script>
      $('.sidebar-menu').SidebarNav()
    </script>
	<!-- //side nav js -->
	
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!-- //Classie --><!-- //for toggle left push menu script -->
	
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
   
</body>
</html>